body{
   
}
.rp {
    background-color: #c0d8ff;
}
.bold{
     font-weight: bold;
}
.italics{
     font-style: italic;
}
.inline{
     display:inline;
}
.light-text{
	color:#999999;
	font-weight:lighter;
    font-size:small;
	padding-left:2em;
}
.vivcode-workspace-panel{
    top:10ex;
    margin: 4em;
    width:90%;
    height:20ex;
}
.vivcode-project-panel{
    top:6ex;
    width:90%;
    height:20ex;
    position:absolute;
    margin:1em;
}
.gwt-TabPanel>tbody>tr>td>*{
    height:6em;
	margin-top:-4em;

}
.gwt-TabPanel>tbody>tr>td>*>*>*>*>*{
    margin-right:0.2em;
}
.gwt-RoundedTabBarItem {
    background-color:#f0f8ff;
    padding:0.2em;
	padding-bottom:0.3em;
}
.gwt-RoundedTabBarItemCorner{
	background-color: #f0f8ff;
}
.gwt-RoundedTabBarItem-selected {
	background-color:#c0d8ff;
}
.gwt-RoundedTabBarItem-selected>*>*{
	background-color:#c0d8ff;
}
.gwt-RoundedTabBarItemCorner-selected{
	background-color: #c0d8ff;
}
.gwt-TabPanelBottom {
    background-color:#c0d8ff;
    width:90%;
    margins:4em;
    position:absolute;
    min-height:60%;
}

.align-top{
    vertical-align:top;
}
.align-bottom{
    vertical-align:bottom;
}
.float-right{
    float:right;
    position:relative;
	right:5em;
}
.vivcode-panel{
    min-width:100%;
    width:100%;
    height: 1ex;
    padding: 5px;
}
.vivcode-dark-panel{
    background-color:#c0d8ff;
}
.vivcode-light-panel{
    background-color:#f0f8ff;
}
.vivcode-maxwidth{
    width:100%;
}
.footer{
    position: absolute;
    bottom: 0;
    color: #666666;
    align:center;
    font-size:x-small;
    margin:1em;
}
.vivcode-workspace-panel>*>*>*>*>*>*>*>*>*{
    width:100em;
}
.vivcode-workspace-panel>*>*>*>*>*>*>*>*>*>*{
    width:100%;
}
.vivcode-variable-height-panel{
    background-color: #fcfcfc;
    min-height:10ex;
    height:100%;
    width:100%;
    padding: 5px;
}
.vivcode-project-list{
    min-height:100%;
   
}
.vivcode-popup{
    border: 1px solid #ccddee;
    background-color: #ffffff;
    padding: 5px;
}
.vivcode-login-panel{
    border: 1px solid #ccddee;
    background-color: #f0f8ff;
    padding: 5px;
    max-width:20em;
    max-height:15ex;
    margin-left:60%;
    margin-top:20%;
}
.vivcode-editor{
    top:10ex;
    margin: 1em;
    width:90%;
    height:20ex;
}
.vivcode-links-panel{
    font-size:small;
    position: absolute;
       right: 0;
       top:0;
    background-color: #f0f8ff;
}.vivcode-logo{
    position: absolute;
       left: 1em;
       top:1ex;
}
.vivcode-project-tree{
    border:1px solid #ccc;
    width:15em;
    height:40ex;
    overflow: scroll;
        background-color:white;
}
.gwt-TreeItem{
    font-size:x-small;
    padding:0em;
}
.gwt-TreeItem img{
    font-size:small;
    padding-right:0.5em;
}
.gwt-TreeItem>div>div>.gwt-Label{
    font-size:xx-small;
    position:relative;
    bottom:0.7ex;
}
   
.vivcode-editor-center-panel{
    margin-left:1em;
    margin-right:0em;
    width:90%;
    height:100%;
}
.vivcode-editor-center-panel>*>*>*>*>*{
    width:50em;
}



.add-button{
	float:right;
    position:relative;
    cursor:hand;
}
.remove-button{
	float:right;
    position:relative;
    cursor:hand;
}
.apply-button{
    float:right;
    position:relative;
    cursor:hand;
}
.list-box{
	margin:1em;
	width:20%;
}
.list-box-item{
	font-size:small;
	padding:0.1em;
}
/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}